<!DOCTYPE html>
<html lang="zh">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<!-- width=device-width为设备屏幕宽度，后者为缩放比例 -->
<title>	请登录</title>
<link rel="stylesheet" type="text/css" href="css/dl.css">
<script src="js/zk.js" type="text/javascript"></script>
</head>
<body>
	<audio controls="controls" autoplay="autoplay" autostart="true" class="audio" src="bgm.mp3">
	</audio>
	<div class="jz">
		<img src="picture/jr.png" alt="" id="jr">
		<p id="zk" onclick="jzk()" >点击进入IT世界</p>
	</div>
<div id="content">
	<div class="l-pic-index"></div>
	<div class="r-pic-index"></div>
	<div class="l-bg-index"></div>
	<div class="r-bg-index"></div>
	<div class="main">
		<h4>IT世界</h4>
		<div id="dl">
			<div class="ff">
			 <div class="dl1">
                <a href="#" onclick="zhdl()"> 帐号登录</a>
            </div>
            <div class="dl2">
                <a href="#" class
                ="sm" onclick="sm()">扫码登录</a>
                </div>
             <div id="ewm">
                <img src="picture/ewm.png" alt="">
            </div>
			</div>
            <div id="sr">
            	<br>
            	<form action="user" method="post">
            	<img src="picture/zh.jpg" alt=""><input type="text" name="name" placeholder="用户名/邮箱/手机号" id="zh" /><br>
 				
 				<img src="picture/mm.jpg" alt=""><input type="password" name="password" placeholder="密码" id="dm" /><br>
				<a href="#">忘记密码</a>
				<a href="#" onclick="show()">免费注册</a>

				<br>
				<div id="an">
				<input type="submit" value="提交" name="submitBtn" style="width: 80%;height:30px;background-color: #00AAEE; color: #fff" onclick="return dlCode()" />
				</div>
            	</form>
            </div>
		</div>
     	   <div id="zc">
     	   	<a onclick="hide()" href="#">返回登录</a>
     	   	<form action="register" method="post" >
				<img src="picture/zh.jpg" alt=""><input type="text" name="name" placeholder="用户名" id="yhm" />
				<img src="picture/mm.jpg" alt=""><input type="password" name="password" placeholder="请输入密码" id="mm" />
				<img src="picture/mm.jpg" alt=""><input type="password" name="password" placeholder="请确认密码" id="qm" />
 				<img src="picture/yx.jpg" alt=""><input type="email" name="email" id="email" placeholder="请输入注册邮箱" /><div id="an">
 					<input type="submit" style="background-color: #00AAEE; color: #fff" onclick="return validateCode()"  value="注册并登录" />
			</div></form>
	</div>
	</div>
</div>

<script src="js/jquery-2.2.0.min.js" type="text/javascript"></script>
<script type="text/javascript">
	//卷轴展开动画
	 $("#zk").click(function() {
	// $(".content").style.display="block";
	$(".l-pic-index").animate({'left':'16%','top':'-4px'},1200);
	$(".r-pic-index").animate({'right':'15%','top':'-5px'},1200);
	$(".l-bg-index").animate({'width':'48%'},1200);
	$(".r-bg-index").animate({'width':'48%'},1200,function(){
	$(".main").fadeIn(800);});
});
function jzk(){
	document.getElementById('content').style.display='block';
	document.getElementById('jr').style.display='none';
	document.getElementById('zk').style.display='none';
}
</script>


<!-- <script type="text/javascript">
    window.onload = function () {
      var sub = document.getElementById("reg");
      var go = document.getElementById("loginForm");
      var p = document.getElementById('mm');
      var pp = document.getElementById('qm');

      sub.onclick = function () {
          console.log(p.value)
          console.log(pp.value)

        if (p.value!= pp.value) {
          alert("两次输入的密码不一致")

        }
      }
    }
  </script> -->

<div style="text-align:center;clear:both;">
</div>

</body>
</html>